<!DOCTYPE html>
<html>
  <head>
    <title>悦淘新房</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
	  <link rel="stylesheet" href="${s.base}/mobile/wechat/css/base.css">
	  <link rel="stylesheet" href="${s.base}/mobile/wechat/css/component.css">
  </head>
  <body>
  <div class="xyg-my">
  <div class="xyg-my-top"></div>
  <!--会员卡开始-->
  <div class="xyg-card">
	  <div class="xyg-card-item">
		<img src="${s.base}/mobile/wechat/images/my_bg.png" class="xyg-card-item-logo"/>
		<div class="xyg-card-item-top">
			<div class="xyg-card-item-top-left">
				<img src="${webMember.headImage}" class="xyg-card-item-headimage"/>
			</div>
			<div class="xyg-card-item-top-center card-font3">
				${webMember.nickName}<br/><#if webMember.grade=='2'>经纪人
				<#else>普通会员
					<div onclick="goSQJJRPage('${memberId}')" style="width: auto; height: 1.2rem; padding: 0px 0.5rem; margin-top: 0.5rem; border-radius: 0.6rem; border:1px solid #ffd5c9;line-height: 1.2rem; font-size: 0.8rem; color: #ffd5c9;position: absolute;">申请成为经纪人<span style="float: right;"><svg class="card-icon" aria-hidden="true"><use xlink:href="#iconxiangyou1"></use></svg></span></div>
			</#if>
			</div>
			<div class="xyg-card-item-top-right">
			<img src="${s.base}/mobile/wechat/images/my_bg_icon.png" style="width: 100%; height: 100%; border-radius: 1.2rem 0px 0px 1.2rem; position: relative; right: -0.2rem;"/>
			</div>
			<div class="xyg-card-item-top-right-grade card-font1">
			信用分&nbsp;<span class="card-font2">${webMember.creditScore}</span>
			</div>
			<div class="clearBoth"></div>
		</div>
		<div class="xyg-card-item-bottom">
			<div class="xyg-card-item-bottom-left" onclick="goTixianPage('${memberId}')">
				<div class="xyg-card-item-bottom-score">
					${webMember.money}
				</div>
				<div class="xyg-card-item-bottom-title">
					我的佣金
				</div>
			</div>
			<div class="xyg-card-item-bottom-right" onclick="goMyScorePage('${memberId}')">
				<div class="xyg-card-item-bottom-score">
					${webMember.score}
				</div>
				<div class="xyg-card-item-bottom-title">
					会员积分
				</div>
			</div>
			<div class="xyg-card-item-bottom-right" onclick="goDetailPage('${memberId}','7')">
				<div class="xyg-card-item-bottom-score">
					${webMember.shareNum}
				</div>
				<div class="xyg-card-item-bottom-title">
					我的业绩
				</div>
			</div>
		</div>
	  </div>
  </div>
  <!--会员卡结束-->
   <!--按钮内容开始-->
   <div class="xyg-my-btn">
  	 <div class="xyg-my-btn-title">
  	 	我的工具
  	 </div>
  	 <div class="xyg-my-btn-content">
   	 <div class="xyg-my-btn-item"  onclick="goDetailPage('${memberId}')">
   	 	<img src="${s.base}/mobile/wechat/images/icon_yjmx.png"  class="xyg-my-btn-item-icon"/>
   	 	<div class="xyg-my-btn-item-name">
   	 		佣金明细
   	 	</div>
   	 </div>
   	 <div class="xyg-my-btn-item">
   	 	<img src="${s.base}/mobile/wechat/images/icon_xzfy.png"  class="xyg-my-btn-item-icon"/>
   	 	<div class="xyg-my-btn-item-name">
   	 		新增房源
   	 	</div>
   	 </div>
   	 <div class="xyg-my-btn-item" onclick="goarticleUrlPage('${memberId}','20190707174411003954177843251158','articleNoDesc')">
   	 	<img src="${s.base}/mobile/wechat/images/icon_hyfl.png"  class="xyg-my-btn-item-icon"/>
   	 	<div class="xyg-my-btn-item-name">
   	 		会员福利
   	 	</div>
   	 </div>
   	 <div class="xyg-my-btn-item" onclick="goWdmpPage('${memberId}')">
   	 	<img src="${s.base}/mobile/wechat/images/icon_jfsc.png"  class="xyg-my-btn-item-icon"/>
   	 	<div class="xyg-my-btn-item-name">
			个人信息
   	 	</div>
   	 </div>
   	 <div class="clearBoth"></div>
   	 </div>
   </div>
  <!--按钮内容结束-->
  <img src="${s.base}/mobile/wechat/images/my_banner.png" style="width: 100%; height: auto; margin-top: 0.5rem;"/>
  <!--列表开始-->
   <div class="xyg-my-list">
	   <div class="xyg-my-list-item" onclick="goMyDetailPage('${memberId}')">
		   <div class="xyg-my-list-item-name list-font1">
			   <img src="${s.base}/mobile/wechat/images/icon_lxwm.png"  class="xyg-my-list-item-icon"/>
			   兑换记录
		   </div>
		   <div class="xyg-my-list-item-right">
			   <svg class="icon" aria-hidden="true">
				   <use xlink:href="#iconxiangyou"></use>
			   </svg>
		   </div>
		   <div class="clearBoth"></div>
	   </div>
	   <div class="xyg-my-list-item" onclick="goMyMemberPage('${memberId}')">
		   <div class="xyg-my-list-item-name list-font1">
			   <img src="${s.base}/mobile/wechat/images/icon_lxwm.png"  class="xyg-my-list-item-icon"/>
			   我的推广
		   </div>
		   <div class="xyg-my-list-item-right">
			   <svg class="icon" aria-hidden="true">
				   <use xlink:href="#iconxiangyou"></use>
			   </svg>
		   </div>
		   <div class="clearBoth"></div>
	   </div>
   	 <div class="xyg-my-list-item" onclick="goarticleUrlPage('${memberId}','20190707001654034452198114402889','articleNoDesc')">
   	 	<div class="xyg-my-list-item-name list-font1">
   	 	<img src="${s.base}/mobile/wechat/images/icon_lxwm.png"  class="xyg-my-list-item-icon"/>
   	 		关于我们
   	 	</div>
   	 	<div class="xyg-my-list-item-right">
   	 		<svg class="icon" aria-hidden="true">
			  <use xlink:href="#iconxiangyou"></use>
			</svg>
   	 	</div>
   	 	<div class="clearBoth"></div>
   	 </div>
   	 <div class="xyg-my-list-item"  onclick="goarticleUrlPage('${memberId}','20190707175448026150710294190056','articleNoDesc')">
   	 	<div class="xyg-my-list-item-name list-font1">
   	 	<img src="${s.base}/mobile/wechat/images/icon_cjwt.png"  class="xyg-my-list-item-icon"/>
   	 		常见问题
   	 	</div>
   	 	<div class="xyg-my-list-item-right">
   	 		<svg class="icon" aria-hidden="true">
			  <use xlink:href="#iconxiangyou"></use>
			</svg>
   	 	</div>
   	 	<div class="clearBoth"></div>
   	 </div>
   	 <div class="xyg-my-list-item"onclick="goAdvisePage('${memberId}')" style="border-bottom:0px;">
   	 	<div class="xyg-my-list-item-name list-font1">
   	 	<img src="${s.base}/mobile/wechat/images/icon_jyyj.png"  class="xyg-my-list-item-icon"/>
   	 		建议意见
   	 	</div>
   	 	<div class="xyg-my-list-item-right">
   	 		<svg class="icon" aria-hidden="true">
			  <use xlink:href="#iconxiangyou"></use>
			</svg>
   	 	</div>
   	 	<div class="clearBoth"></div>
   	 </div>
   </div>
  <!--列表结束-->
  </div>
  <!--底部菜单开始-->
  <div style="width:100%; height:2.5rem;"></div>
  <div class="xyg-comp-bottom">
	  <div class="xyg-comp-bottom-item">
		  <a href="javascript:goFistPage('${memberId}')">
			  <img src="${s.base}/mobile/wechat/images/menu_icon_1.png"/>
			  <div class="xyg-comp-bottom-item-text ">首页</div>
		  </a>
	  </div>
	  <div class="xyg-comp-bottom-item">
		  <a href="javascript:goKhPage('${memberId}')">
			  <img src="${s.base}/mobile/wechat/images/menu_icon_2.png"/>
			  <div class="xyg-comp-bottom-item-text">客户</div>
		  </a>
	  </div>
	  <div class="xyg-comp-bottom-item">
		  <a href="javascript:goMyPage('${memberId}')">
			  <img src="${s.base}/mobile/wechat/images/menu_icon_4_a.png"/>
			  <div class="xyg-comp-bottom-item-text select-text">我的</div>
		  </a>
	  </div>
	  <div class="clearBoth"></div>
  </div>
  <style type="text/css">
	  .card-font1{float: left;font-size:0.8rem;color: #d9ab1d;}
	  .card-font3{float: left;font-size:0.8rem;color: #ffffff;}
	  .card-icon{width:1.5em;height: 1.5em;vertical-align: -0.15em;fill: #ffd5c9;overflow: hidden;}
	  .card-font2{font-size:1.2rem;letter-spacing: 0.02rem; color: #ca9300; font-weight: bold;}
	  .btn-font1{font-size:14px;letter-spacing: 0.01rem; color: #101010;}
	  .list-font1{font-size:16px;letter-spacing: 0.1rem; color: #505050;}
  .font1{font-size:16px; color:#000; font-weight: bold; height:1.5rem; line-height:1.5rem;}
  .font2{font-size:14px; color:#9f9fa0; height:1.1rem; line-height:1.1rem; letter-spacing:0.01rem;}
  .font3{font-size:14px; color:#333; height:1.1rem; line-height:1.1rem;letter-spacing:0.01rem;}
  html,body{background:#f7f7f7;}
  .xyg-my{width:100%; height:auto;}
  .xyg-my .xyg-my-top{width:100%; height:8rem;}
  .xyg-card{width:96%; height:auto;margin:0rem 2%;border-radius:0.2rem; position: absolute; top: 1rem; left: 0px;}
  .xyg-card .xyg-card-item{width:100%; height:10rem;position: relative;}
	    .xyg-card .xyg-card-item .xyg-card-item-logo{width:100%; height:10rem;border-radius:0.4rem;}

  .xyg-card .xyg-card-item .xyg-card-item-top{width:96%; height:auto;position: absolute; top:1rem; left: 4%;}
	  .xyg-card .xyg-card-item .xyg-card-item-top-left{width:22%; height:3rem; float: left; text-align: center;}
	  .xyg-card .xyg-card-item .xyg-card-item-top-center{width:40%; margin-left: 1%; height:3rem; line-height: 1.3rem; margin-top: 0.3rem;}
	  .xyg-card .xyg-card-item .xyg-card-item-top-right{width:37%;height:2.4rem; float: left; border-radius: 1.2rem 0px 0px 1.2rem; margin-top: 0.3rem; position: relative;}
	  .xyg-card .xyg-card-item  .xyg-card-item-top-right-grade{ position: absolute; top:0rem; left: 63%; height: 3rem;line-height: 3rem; margin-left:1rem;}
	  .xyg-card .xyg-card-item  .xyg-card-item-top-right-grade-zs{position: absolute; top:0rem; left: 63%;width: auto; height: 1rem;margin:1rem 0rem 1rem 0.9rem;}
	  .xyg-card .xyg-card-item  .xyg-card-item-headimage{width:3rem; height: 3rem; margin: 0.3rem auto;border-radius: 1.5rem; }
		.xyg-card .xyg-card-item .xyg-card-item-bottom{width:96%; height:auto;position: absolute; top:7rem; left: 4%;}
	  .xyg-card .xyg-card-item .xyg-card-item-bottom-left{width:33.3%; height:auto; float: left;}
	  .xyg-card .xyg-card-item .xyg-card-item-bottom-center{width:33.3%;;height:auto; float: left;}
	  .xyg-card .xyg-card-item .xyg-card-item-bottom-right{width:33.3%;;height:auto; float: left;}
	  .xyg-card .xyg-card-item .xyg-card-item-bottom-score{width:100%; height:1rem;line-height: 1rem; text-align: center;font-size:1rem;color: #ffffff;}
	  .xyg-card .xyg-card-item .xyg-card-item-bottom-title{width:100%; height:1.5rem;line-height: 1.5rem; text-align: center;font-size: 0.8rem; color: #ffd5c9;}
	
	  .xyg-my-btn{width:92%; height:auto; margin-top:4rem; padding:0em 4% 0rem 4%; background: #ffffff;}
	  .xyg-my-btn-title{width: 100%; height:2.5rem; border-bottom: 1px solid #f7f7f7; line-height:2.5rem; color: #00000; font-size:0.8rem;}
	  .xyg-my-btn-content{width: 100%; height: auto; padding: 0.5rem 0px;}
	  .xyg-my-btn .xyg-my-btn-item{width:20%; height:auto;margin-left:4%; float: left;}
	  .xyg-my-btn .xyg-my-btn-item-icon{width:2rem; height:2rem;margin: 0px auto;}
	  .xyg-my-btn .xyg-my-btn-item-name{color: #666666;width:100%; height:2rem;line-height: 2rem;text-align: center}
	  
	  .xyg-my-list{width:92%; height:auto; margin:0.5rem 0px 1rem 0px; padding:0.2rem 4%; background: #ffffff;}
	  .xyg-my-list .xyg-my-list-item{width:100%; margin-top: 0.8rem; height:auto;border-bottom:0.01rem solid #dcdcdc;}
	  .xyg-my-list .xyg-my-list-item-name{width:90%; height:2rem; line-height: 2rem;float: left; }
	  .xyg-my-list .xyg-my-list-item-icon{width:1.2rem; margin: 0.4rem 0.6rem 0.4rem 0rem; height:auto;float: left;}
	   .xyg-my-list .xyg-my-list-item-right{width:10%; height:2rem;line-height: 2rem;float: left; text-align: right;}
  </style>
  </body>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/base/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
  <script src="${s.base}/mobile/base/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
  <script src="${s.base}/mobile/base/js/swiper.js" type="text/javascript" charset="utf-8"></script>
  <script src="${s.base}/mobile/base/js/component.js?12323434323232323232" type="text/javascript" charset="utf-8"></script>
  <script src="${s.base}/mobile/wechat/fonts/iconfont.js"></script>
  <script src="${s.base}/mobile/wechat/js/window_port.js"></script>
  <script src="${s.base}/mobile/wechat/js/base.js?12323434323232323232"></script>
</html>

